<!doctype html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="ECE750.css">
    <title>Google Talk Client</title>
    <script type="text/javascript" language="javascript" src="gtalkclient/gtalkclient.nocache.js"></script>
    <script src="/_ah/channel/jsapi"></script>
  </head>
  <body>
    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>Google Talk Client</h1>

    <table align="center">
      <tr>
      	<!-- Text area doesn't give you the option to multiple colors... so, i could do something like a div, with overflow:scroll -->
      	<!-- And from there just add new lines to the div each time, that would be a neat way to do it http://forums.digitalpoint.com/showthread.php?t=128911 -->
        <td><div id="textAreaContainer" style="width:400px;height:400px;"></div></td>
      </tr>
      <tr>
      	<td id="textEntryContainer"></td>
      </tr>
      <tr>
        <td colspan="2" style="color:red;" id="errorLabelContainer"></td>
      </tr>
    </table>
  </body>
</html>
